<div class="kmi-layout-content B0216-content c-mdd-page" ng-init="init();" page-type="Page" _transclude-elem="[object Object]">
    <div class="kmi-header-row">
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand" />
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="" />
                <img src="image/smes_v340/logo_en.png" alt="" />
            </div>
        </div>
        <div class="header-title" ng-bind="_title | translate"></div>

        <div class="right">
            <button ng-hide="_fn['favorite'].isShown == 'N'" ng-click="_fn['favorite'].click('favorite');">
                <img src="image/smes_v340/W_Com_Love_nor_32.png" />
                <div class="kmi-can-click"></div>
            </button>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="mdd-layout c-mdd-layout" layout-name="B0216" page-name="" page-type="Page" with-toolbar="N" reload="N" _transclude-elem="[object Object]" style="grid-template-columns: repeat(12, auto 1fr)">
            <label class="label" ng-show="_event['outsourcers_no'].isShown != 'N'" style="" ng-bind="'B0216.columns.outsourcers_no' | translate"></label>
            <div class="value" ng-show="_event['outsourcers_no'].isShown != 'N'" style="grid-column-start: span 11"><label class="value" ng-bind="outsourceInfo.outsourcers_no" mdl-toast="{{outsourceInfo.outsourcers_no}}" mdl-toast-passive="true"></label></div>
            <label class="label" ng-show="_event['op_no'].isShown != 'N'" style="" ng-bind="'B0216.columns.op_no' | translate"></label>
            <div class="value" ng-show="_event['op_no'].isShown != 'N'" style="grid-column-start: span 11">
                <input type="text" readonly="" ng-model="outsourceInfo.op_no" ng-click="_event['op_no'].click(outsourceInfo.op_no, {event:$event});" ng-disabled="_event['op_no'].isDisabled == 'Y'" />
                <div class="tip">
                    <img src="image/icons/search.png" />
                </div>
            </div>
            <label class="label" ng-show="_event['outsourcers_company_no'].isShown != 'N'" style="" ng-bind="'B0216.columns.outsourcers_company_no' | translate"></label>
            <div class="value" ng-show="_event['outsourcers_company_no'].isShown != 'N'" style="grid-column-start: span 11">
                <input type="text" readonly="" ng-model="outsourceInfo.outsourcers_company_no" ng-click="_event['outsourcers_company_no'].click(outsourceInfo.outsourcers_company_no, {event:$event});" ng-disabled="_event['outsourcers_company_no'].isDisabled == 'Y'" />
                <div class="tip">
                    <img src="image/icons/search.png" />
                </div>
            </div>
            <label class="label" ng-show="_event['erp_doc_type_display'].isShown != 'N'" style="" ng-bind="'B0216.columns.erp_doc_type_display' | translate"></label>
            <div class="value" ng-show="_event['erp_doc_type_display'].isShown != 'N'" style="grid-column-start: span 11">
                <input type="text" readonly="" ng-model="outsourceInfo.erp_doc_type_display" ng-click="_event['erp_doc_type_display'].click(outsourceInfo.erp_doc_type_display, {event:$event});" ng-disabled="_event['erp_doc_type_display'].isDisabled == 'Y'" />
                <div class="tip">
                    <img src="image/icons/search.png" />
                </div>
            </div>
            <label class="label" ng-show="_event['plot_no'].isShown != 'N'" style="" ng-bind="'B0216.columns.plot_no' | translate"></label>
            <div class="value" ng-show="_event['plot_no'].isShown != 'N'" style="grid-column-start: span 9">
                <input type="text" undefined="" id="plot_no" ng-model="outsourceInfo.plot_no" ng-keypress="_event['plot_no'].change(outsourceInfo.plot_no, {event:$event});" ng-disabled="_event['plot_no'].isDisabled == 'Y'" />
            </div>
            <button class="kmi-button kmi-button-confrim btn-qrcode-query" style="grid-column-start: span 2" ng-show="_fn['btn_search'].isShown != 'N'" ng-disabled="_fn['btn_search'].isDisabled == 'Y'" ng-click="_fn['btn_search'].click(btn_search, 'btn_search', {event:$event});">
                <label>{{'B0216.columns.btn_search' | translate}}</label>
                <div class="kmi-can-click"></div></button
            ><label class="label" ng-show="_event['description'].isShown != 'N'" style="grid-row-start: span 2" ng-bind="'B0216.columns.description' | translate"></label>
            <div class="value" style="grid-row-start: span 2; grid-column-start: span 11" ng-show="_event['description'].isShown != 'N'">
                <textarea undefined="" ng-model="outsourceInfo.description" ng-disabled="_event['description'].isDisabled == 'Y'"></textarea>
            </div>
            <label class="label" ng-show="_event['disp_start_time'].isShown != 'N'" style="" ng-bind="'B0216.columns.disp_start_time' | translate"></label>
            <div class="value" ng-show="_event['disp_start_time'].isShown != 'N'" style="grid-column-start: span 5">
                <input type="text" readonly="" ng-model="outsourceInfo.disp_start_time" ng-click="_event['disp_start_time'].click(outsourceInfo.disp_start_time, {event:$event});" ng-disabled="_event['disp_start_time'].isDisabled == 'Y'" />
            </div>
            <label class="label" ng-show="_event['disp_end_time'].isShown != 'N'" style="" ng-bind="'B0216.columns.disp_end_time' | translate"></label>
            <div class="value" ng-show="_event['disp_end_time'].isShown != 'N'" style="grid-column-start: span 3">
                <input type="text" readonly="" ng-model="outsourceInfo.disp_end_time" ng-click="_event['disp_end_time'].click(outsourceInfo.disp_end_time, {event:$event});" ng-disabled="_event['disp_end_time'].isDisabled == 'Y'" />
            </div>
            <button class="kmi-button kmi-button-confrim btn-qrcode-query" style="grid-column-start: span 2; width: 100px;" ng-show="_fn['btn_calculate'].isShown != 'N'" ng-disabled="_fn['btn_calculate'].isDisabled == 'Y'" ng-click="_fn['btn_calculate'].click(btn_calculate, 'btn_calculate', {event:$event});">
                <label>{{'B0216.columns.btn_calculate' | translate}}</label>
                <div class="kmi-can-click"></div></button
            ><label class="label" ng-show="_event['product_warehouse'].isShown != 'N'" style="" ng-bind="'B0216.columns.product_warehouse' | translate"></label>
            <div class="value" ng-show="_event['product_warehouse'].isShown != 'N'" style="grid-column-start: span 7">
                <input type="text" readonly="" ng-model="warehouseInfo.product_warehouse" ng-click="_event['product_warehouse'].click(warehouseInfo.product_warehouse, {event:$event});" ng-disabled="_event['product_warehouse'].isDisabled == 'Y'" />
                <div class="tip">
                    <img src="image/icons/search.png" />
                </div>
            </div>
            <label class="label" ng-show="_event['storage'].isShown != 'N'" style="" ng-bind="'B0216.columns.storage' | translate"></label>
            <div class="value" ng-show="_event['storage'].isShown != 'N'" style="grid-column-start: span 7">
                <input type="text" readonly="" ng-model="warehouseInfo.storage" ng-click="_event['storage'].click(warehouseInfo.storage, {event:$event});" ng-disabled="_event['storage'].isDisabled == 'Y'" />
                <div class="tip">
                    <img src="image/icons/search.png" />
                </div>
            </div>
            <label class="label" ng-show="_event['erp_doc_type'].isShown != 'N'" style="" ng-bind="'B0216.columns.erp_doc_type' | translate"></label>
            <div class="value" ng-show="_event['erp_doc_type'].isShown != 'N'" style="grid-column-start: span 7">
                <input type="text" readonly="" ng-model="warehouseInfo.erp_doc_type" ng-click="_event['erp_doc_type'].click(warehouseInfo.erp_doc_type, {event:$event});" ng-disabled="_event['erp_doc_type'].isDisabled == 'Y'" />
                <div class="tip">
                    <img src="image/icons/search.png" />
                </div>
            </div>
            <label class="label" ng-show="_event['outsource_detail'].isShown != 'N'" style="" ng-bind="'B0216.columns.outsource_detail' | translate"></label>
            <div class="value" ng-show="_event['outsource_detail'].isShown != 'N'" style="grid-column-start: span 23"><label class="value" ng-bind="outsource_detail" mdl-toast="{{outsource_detail}}" mdl-toast-passive="true"></label></div>
            <div class="mdd-list c-mdd-list" null="" ng-show="_event['outsourcing_info_detail'].isShown != 'N'" style="height: calc(100vh - 366px); grid-column-start:span 24;" list-name="B0216_list" list-bind="outsourcing_info_detail" list-alias="outsourceInfo.outsourcing_info_detail" enable-select="Y" select-all="Y" page-name="" page-type="Page" _transclude-elem="[object Object]">
                <div class="kmi-list column-selector" kmi-scrollbar="1430px" column-selector-id="B0216_list" style="flex: 1">
                    <div class="kmi-list__header">
                        <div class="kmi-list__column width-fixed column-input" style="flex: 0 0 40px">
                            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="_event['outsourcing_info_detail'].selectAll(outsourceInfo.outsourcing_info_detail, 'outsourcing_info_detail');">
                                <img ng-show="!_event['outsourcing_info_detail'].isSelectAll" src="image/icons/check0.png" />
                                <img ng-show="_event['outsourcing_info_detail'].isSelectAll" src="image/icons/check1.png" />
                            </button>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['outsourcing_info_detail.status'].isShown != 'N'">
                            <div class="filter" ng-show="_objoutsourcing_info_detail.header[0].isFilter">
                                <input ng-model="_objoutsourcing_info_detail.filterColumns['status']" />
                                <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objoutsourcing_info_detail.header[0].isFilter = false;_objoutsourcing_info_detail.filterColumns['status'] = '';">clear</i>
                            </div>

                            <div class="order" ng-hide="_objoutsourcing_info_detail.header[0].isFilter">
                                <i class="material-icons search" style="z-index: 1" ng-click="_objoutsourcing_info_detail.header[0].isFilter = true">search</i>
                                <label ng-bind="'B0216_list.columns.status' | translate"></label>
                                <i class="material-icons" ng-show="_objoutsourcing_info_detail.queryOrder == 0">{{!_objoutsourcing_info_detail.header[0].order?'':''}}</i>
                                <div class="kmi-can-click" ng-click="orderResult(0, 'status', '_objoutsourcing_info_detail');"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['outsourcing_info_detail.plot_no'].isShown != 'N'">
                            <div class="filter" ng-show="_objoutsourcing_info_detail.header[1].isFilter">
                                <input ng-model="_objoutsourcing_info_detail.filterColumns['plot_no']" />
                                <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objoutsourcing_info_detail.header[1].isFilter = false;_objoutsourcing_info_detail.filterColumns['plot_no'] = '';">clear</i>
                            </div>

                            <div class="order" ng-hide="_objoutsourcing_info_detail.header[1].isFilter">
                                <i class="material-icons search" style="z-index: 1" ng-click="_objoutsourcing_info_detail.header[1].isFilter = true">search</i>
                                <label ng-bind="'B0216_list.columns.plot_no' | translate"></label>
                                <i class="material-icons" ng-show="_objoutsourcing_info_detail.queryOrder == 1">{{!_objoutsourcing_info_detail.header[1].order?'':''}}</i>
                                <div class="kmi-can-click" ng-click="orderResult(1, 'plot_no', '_objoutsourcing_info_detail');"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column" item-name="double_unit_qty" style="flex: 0 0 250px" ng-bind="'B0216.list.column01' | translate"></div>
                        <div class="kmi-list__column" item-name="molecule" style="flex: 0 0 100px" ng-bind="'B0216.list.column10' | translate" ng-show="_event['outsourcing_info_detail.molecule'].isShown != 'N'"></div>
                        <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['outsourcing_info_detail.vehicle_no'].isShown != 'N'">
                            <div class="filter" ng-show="_objoutsourcing_info_detail.header[4].isFilter">
                                <input ng-model="_objoutsourcing_info_detail.filterColumns['vehicle_no']" />
                                <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objoutsourcing_info_detail.header[4].isFilter = false;_objoutsourcing_info_detail.filterColumns['vehicle_no'] = '';">clear</i>
                            </div>

                            <div class="order" ng-hide="_objoutsourcing_info_detail.header[4].isFilter">
                                <i class="material-icons search" style="z-index: 1" ng-click="_objoutsourcing_info_detail.header[4].isFilter = true">search</i>
                                <label ng-bind="'B0216_list.columns.vehicle_no' | translate"></label>
                                <i class="material-icons" ng-show="_objoutsourcing_info_detail.queryOrder == 4">{{!_objoutsourcing_info_detail.header[4].order?'':''}}</i>
                                <div class="kmi-can-click" ng-click="orderResult(4, 'vehicle_no', '_objoutsourcing_info_detail');"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['outsourcing_info_detail.unit'].isShown != 'N'">
                            <div class="filter" ng-show="_objoutsourcing_info_detail.header[5].isFilter">
                                <input ng-model="_objoutsourcing_info_detail.filterColumns['unit']" />
                                <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objoutsourcing_info_detail.header[5].isFilter = false;_objoutsourcing_info_detail.filterColumns['unit'] = '';">clear</i>
                            </div>

                            <div class="order" ng-hide="_objoutsourcing_info_detail.header[5].isFilter">
                                <i class="material-icons search" style="z-index: 1" ng-click="_objoutsourcing_info_detail.header[5].isFilter = true">search</i>
                                <label ng-bind="'B0216_list.columns.unit' | translate"></label>
                                <i class="material-icons" ng-show="_objoutsourcing_info_detail.queryOrder == 5">{{!_objoutsourcing_info_detail.header[5].order?'':''}}</i>
                                <div class="kmi-can-click" ng-click="orderResult(5, 'unit', '_objoutsourcing_info_detail');"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['outsourcing_info_detail.op_no'].isShown != 'N'">
                            <div class="filter" ng-show="_objoutsourcing_info_detail.header[6].isFilter">
                                <input ng-model="_objoutsourcing_info_detail.filterColumns['op_no']" />
                                <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objoutsourcing_info_detail.header[6].isFilter = false;_objoutsourcing_info_detail.filterColumns['op_no'] = '';">clear</i>
                            </div>

                            <div class="order" ng-hide="_objoutsourcing_info_detail.header[6].isFilter">
                                <i class="material-icons search" style="z-index: 1" ng-click="_objoutsourcing_info_detail.header[6].isFilter = true">search</i>
                                <label ng-bind="'B0216_list.columns.op_no' | translate"></label>
                                <i class="material-icons" ng-show="_objoutsourcing_info_detail.queryOrder == 6">{{!_objoutsourcing_info_detail.header[6].order?'':''}}</i>
                                <div class="kmi-can-click" ng-click="orderResult(6, 'op_no', '_objoutsourcing_info_detail');"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['outsourcing_info_detail.item_no'].isShown != 'N'">
                            <div class="filter" ng-show="_objoutsourcing_info_detail.header[7].isFilter">
                                <input ng-model="_objoutsourcing_info_detail.filterColumns['item_no']" />
                                <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objoutsourcing_info_detail.header[7].isFilter = false;_objoutsourcing_info_detail.filterColumns['item_no'] = '';">clear</i>
                            </div>

                            <div class="order" ng-hide="_objoutsourcing_info_detail.header[7].isFilter">
                                <i class="material-icons search" style="z-index: 1" ng-click="_objoutsourcing_info_detail.header[7].isFilter = true">search</i>
                                <label ng-bind="'B0216_list.columns.item_no' | translate"></label>
                                <i class="material-icons" ng-show="_objoutsourcing_info_detail.queryOrder == 7">{{!_objoutsourcing_info_detail.header[7].order?'':''}}</i>
                                <div class="kmi-can-click" ng-click="orderResult(7, 'item_no', '_objoutsourcing_info_detail');"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['outsourcing_info_detail.item_name'].isShown != 'N'">
                            <div class="filter" ng-show="_objoutsourcing_info_detail.header[8].isFilter">
                                <input ng-model="_objoutsourcing_info_detail.filterColumns['item_name']" />
                                <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objoutsourcing_info_detail.header[8].isFilter = false;_objoutsourcing_info_detail.filterColumns['item_name'] = '';">clear</i>
                            </div>

                            <div class="order" ng-hide="_objoutsourcing_info_detail.header[8].isFilter">
                                <i class="material-icons search" style="z-index: 1" ng-click="_objoutsourcing_info_detail.header[8].isFilter = true">search</i>
                                <label ng-bind="'B0216_list.columns.item_name' | translate"></label>
                                <i class="material-icons" ng-show="_objoutsourcing_info_detail.queryOrder == 8">{{!_objoutsourcing_info_detail.header[8].order?'':''}}</i>
                                <div class="kmi-can-click" ng-click="orderResult(8, 'item_name', '_objoutsourcing_info_detail');"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['outsourcing_info_detail.item_spec'].isShown != 'N'">
                            <div class="filter" ng-show="_objoutsourcing_info_detail.header[9].isFilter">
                                <input ng-model="_objoutsourcing_info_detail.filterColumns['item_spec']" />
                                <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objoutsourcing_info_detail.header[9].isFilter = false;_objoutsourcing_info_detail.filterColumns['item_spec'] = '';">clear</i>
                            </div>

                            <div class="order" ng-hide="_objoutsourcing_info_detail.header[9].isFilter">
                                <i class="material-icons search" style="z-index: 1" ng-click="_objoutsourcing_info_detail.header[9].isFilter = true">search</i>
                                <label ng-bind="'B0216_list.columns.item_spec' | translate"></label>
                                <i class="material-icons" ng-show="_objoutsourcing_info_detail.queryOrder == 9">{{!_objoutsourcing_info_detail.header[9].order?'':''}}</i>
                                <div class="kmi-can-click" ng-click="orderResult(9, 'item_spec', '_objoutsourcing_info_detail');"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['outsourcing_info_detail.wo_no'].isShown != 'N'">
                            <div class="filter" ng-show="_objoutsourcing_info_detail.header[10].isFilter">
                                <input ng-model="_objoutsourcing_info_detail.filterColumns['wo_no']" />
                                <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objoutsourcing_info_detail.header[10].isFilter = false;_objoutsourcing_info_detail.filterColumns['wo_no'] = '';">clear</i>
                            </div>

                            <div class="order" ng-hide="_objoutsourcing_info_detail.header[10].isFilter">
                                <i class="material-icons search" style="z-index: 1" ng-click="_objoutsourcing_info_detail.header[10].isFilter = true">search</i>
                                <label ng-bind="'B0216_list.columns.wo_no' | translate"></label>
                                <i class="material-icons" ng-show="_objoutsourcing_info_detail.queryOrder == 10">{{!_objoutsourcing_info_detail.header[10].order?'':''}}</i>
                                <div class="kmi-can-click" ng-click="orderResult(10, 'wo_no', '_objoutsourcing_info_detail');"></div>
                            </div>
                        </div>
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row" id="B0216_list_result_list" ng-repeat="item in _event['outsourcing_info_detail'].getPages(outsourceInfo.outsourcing_info_detail, _objoutsourcing_info_detail.PageConfig, _objoutsourcing_info_detail.filterColumns, _objoutsourcing_info_detail.header[_objoutsourcing_info_detail.queryOrder]) track by $index" ng-class="{'is-select':_event['outsourcing_info_detail'].checkSelect(item, {index:$index, event:$event})}">
                            <div class="kmi-list__column column-input" style="flex: 0 0 40px; z-index: 1">
                                <button class="mdl-button mdl-js-button mdl-button--icon" ng-show="_event['outsourcing_info_detail'].enableSelect(item, 'outsourcing_info_detail.item');" ng-click="_event['outsourcing_info_detail'].click(item, {index:$index, event:$event});">
                                    <img ng-show="!_event['outsourcing_info_detail'].checkClick(item, 'outsourcing_info_detail.item');" src="image/icons/check0.png" />
                                    <img ng-show="_event['outsourcing_info_detail'].checkClick(item, 'outsourcing_info_detail.item');" src="image/icons/check1.png" />
                                </button>
                            </div>
                            <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.status" ng-if="_event['outsourcing_info_detail.status'].isShown != 'N'"></div>
                            <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.plot_no" ng-if="_event['outsourcing_info_detail.plot_no'].isShown != 'N'"></div>
                            <div class="kmi-list__column" item-name="double_unit_qty" style="flex: 0 0 250px; z-index: 1">
                                <input readonly="readonly" ng-model="item.fastening_info_detail.double_unit_qty" style="width: 55%" placeholder="{{ 'B0216.enter_double_unit_qty' | translate }}" ng-click="calculaterVehicleQty($event, item.fastening_info_detail.double_unit_qty, item);" />
                                <input readonly="readonly" style="width: 43%" ng-click="output_qty_click($event, item);" ng-model="item.output_qty" />
                            </div>
                            <!-- 20231122 modify by Alan for#150983 : 補上ng-show -->
                            <div class="kmi-list__column" item-name="molecule" ng-class="{'column-input':item.status == 'Q', 'column-border':item.status != 'Q'}" style="flex: 0 0 100px; z-index: 1" ng-show="_event['outsourcing_info_detail.molecule'].isShown != 'N'">
                                <input style="flex: 0 0 40px; margin-right: 3px" ng-show="item.status == 'Q'" ng-model="item.fastening_info_detail.molecule" ng-click="changeMoleculeValue($event, item);" ng-disabled="item.fastening_info_detail.is_modied == 0" readonly="readonly" />
                                <label ng-show="item.status == 'Q'">/</label>
                                <input style="flex: 0 0 40px; margin-left: 3px" ng-show="item.status == 'Q'" ng-model="item.fastening_info_detail.denominator" ng-click="changeDenominatorValue($event, item);" ng-disabled="item.fastening_info_detail.is_modied == 0" readonly="readonly" />
                            </div>
                            <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="_event['outsourcing_info_detail.vehicle_no'].isShown != 'N'">
                                <div class="kmi-text-fields">
                                    <input type="text" readonly="" ng-model="item.fastening_info_detail.vehicle_no" ng-click="_event['outsourcing_info_detail.vehicle_no'].click(item.fastening_info_detail.vehicle_no, {eventScope:item, event:$event, index:$index});" />
                                    <div class="tip">
                                        <img src="image/icons/search.png" />
                                    </div>
                                </div>
                            </div>
                            <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.unit" ng-if="_event['outsourcing_info_detail.unit'].isShown != 'N'"></div>
                            <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.op_no" ng-if="_event['outsourcing_info_detail.op_no'].isShown != 'N'"></div>
                            <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.item_no" ng-if="_event['outsourcing_info_detail.item_no'].isShown != 'N'"></div>
                            <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.item_name" ng-if="_event['outsourcing_info_detail.item_name'].isShown != 'N'"></div>
                            <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.item_spec" ng-if="_event['outsourcing_info_detail.item_spec'].isShown != 'N'"></div>
                            <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.wo_no" ng-if="_event['outsourcing_info_detail.wo_no'].isShown != 'N'"></div>
                            <div class="kmi-can-click" ng-click="_event['outsourcing_info_detail'].rowClick(item, {index:$index, event:$event});"></div>
                        </div>
                    </div>
                </div>
                <div class="page-content">
                    <div class="page-icon">
                        <img src="image/icons/dropleft.png" />
                        <div class="kmi-can-click" ng-click="prevPage(_objoutsourcing_info_detail.PageConfig);"></div>
                    </div>
                    <label ng-bind="pageInfo(_objoutsourcing_info_detail.PageConfig);"></label>
                    <div class="page-icon">
                        <img src="image/icons/dropright.png" />
                        <div class="kmi-can-click" ng-click="nextPage(_objoutsourcing_info_detail.PageConfig);"></div>
                    </div>
                </div>
            </div>
            <div item-name="pdf_panel" class="kmi-layout-page" ng-show="_event['pdf_panel'].isShown != 'N'" style="padding: 0px; height:{{_event['B0216'].GetfillHeight()}}; grid-column-start: span 24;">
                <iframe id="kmi-pdf-panel" name="kmi-pdf-panel"></iframe>
            </div>
            <div item-name="pdf_footer" class="kmi-layout-footer pdf-footer" ng-show="_event['pdf_footer'].isShown != 'N'" style="grid-column-start: span 2">
                <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1 sub" ng-click="print();">
                    <img src="image/icons/print.png" />
                </button>
                <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1 sub" ng-click="download();">
                    <img src="image/icons/download.png" />
                </button>
                <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1" ng-click="cancel();">
                    <img src="image/icons/close.png" />
                </button>
            </div>
        </div>

        <div class="kmi-layout-footer">
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1" ng-disabled="_fn['btn_confirm'].isDisabled == 'Y'" ng-hide="_fn['btn_confirm'].isShown == 'N'" ng-click="_fn['btn_confirm'].click('btn_confirm');">
                <i class="material-icons">done</i>
            </button>
        </div>
    </div>
</div>
